<script setup lang="ts">
import { ref } from 'vue'
import { useFeedbackController } from '@/utils/feedback-util'

const props = defineProps(['modelValue'])
const emits = defineEmits(['update:modelValue'])

//<--抽屉打开关闭控制
const { isShow, close } = useFeedbackController(props, emits)
//抽屉打开关闭控制-->

const form = ref({})
</script>

<template>
  <el-drawer
    class="function-info"
    v-model="isShow"
    :with-header="false"
    :show-close="false"
    direction="rtl"
    :size="450"
  >
    <el-form :model="form">
      <el-form-item label="算子名称">
        <el-input v-model="form.name" />
      </el-form-item>
      <el-form-item label="算子类名">
        <el-input v-model="form.name" />
      </el-form-item>
      <el-form-item label="算子类型" v-model="form.type">
        <el-select>
          <el-option label="source" value="source" />
          <el-option label="process" value="source" />
        </el-select>
      </el-form-item>
      <el-form-item label="算子描述">
        <el-input v-model="form.name" type="textarea" />
      </el-form-item>
    </el-form>
    <template #footer>
      <div style="flex: auto">
        <el-button @click="close">关闭</el-button>
        <el-button type="primary">更新</el-button>
      </div>
    </template>
  </el-drawer>
</template>

<style scoped lang="scss"></style>
